<template>
  <div>
    <h1>Father</h1>
    银子：{{ money }}
    {{ car }}
    <Son />
  </div>
</template>

<script setup lang="ts">
import { ref, reactive, provide } from "vue";
import Son from "./Son.vue";

let money = ref(10000);
let car = reactive({
  brand: "BMW",
  price: 1000000,
});
function useMoney() {
  money.value += 1000;
}
provide("money", { money, useMoney });
provide("car", car);
</script>

<style scoped></style>
